{% load static from staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
	{% block head %}
	<title>{{ PAGE_TITLE }} - {{ WEBSITE_TITLE }}</title>
	<meta charset="utf-8">
	{% block css %}
	{% endblock %}
	<link rel="stylesheet" href="{%static "css/reset.css"%}" type="text/css" media="screen">
	<link rel="stylesheet" href="{%static "css/style.css"%}" type="text/css" media="screen">
	<link rel="stylesheet" href="{%static "css/grid.css"%}" type="text/css" media="screen"> 
	
	<script src="{%static "jquery-1.10.2.min/jquery-1.10.2.min.js" %}"></script>
	<script src="{%static "jquery-ui-1.10.3/ui/jquery-ui.js" %}"></script>
	<script src="{%static "js/cufon-yui.js "%}" type="text/javascript"></script>
	<script src="{%static "js/cufon-replace.js"%}" type="text/javascript"></script>
	<script src="{%static "js/PT_Sans_400.font.js"%}" type="text/javascript"></script>
	<script src="{%static "js/PT_Sans_italic_400.font.js"%}" type="text/javascript"></script> 
	<script src="{%static "js/Satisfy_400.font.js"%}" type="text/javascript"></script>
	<script src="{%static "js/NewsGoth_400.font.js"%}" type="text/javascript"></script>
	<script src="{%static "js/FF-cash.js"%}" type="text/javascript" ></script> 
	<script src="{%static "js/script.js" %}" type="text/javascript" ></script>	 
	<script src="{%static "js/easyTooltip.js" %}" type="text/javascript"></script>

	<!--[if lt IE 7]>
	<div style=' clear: both; text-align:center; position: relative;'>
		<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
			<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
		</a>
	</div>
	<![endif]-->
	<!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
	{% endblock %}
	{% block javascriptload %}{% endblock %}
</head>
<body id="page5">
	<div class="extra">
<!--==============================header=================================-->
		<header>
			<div class="menu-row">
				<div class="main">
					<div class="container_12">
						<div class="grid_12">
							<nav class="fleft">
								<ul class="services-menu">
									<li class="m1"><a href="index.html"></a></li>
									<li class="m2"><a href="contacts.html"></a></li>
									<li class="m3"><a href="#"></a></li>
								</ul>
							</nav>
							<nav class="fright">
								<ul class="main-menu">
									<li><a href="index.html">Trang Chủ</a></li>
									<li><a href="about.html">Dịch vụ</a></li>
									<li><a href="gallery.html">Hình Ảnh</a></li>
									<li class="active"><a href="contacts.html">Liên hệ</a></li-->
								</ul>
							</nav>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="header-row"><div class="ic">More Website Templates @ TemplateMonster.com - November 07, 2011!</div>
				<div class="main">
					<h1 class="margin-bot">
						<a href="index.html">BeautyCenter</a>
						<em>Keep Your Perfect Look</em>
					</h1>	
				</div>
			</div>
		</header>
	
<!--==============================content================================-->

		<section id="content">
			<div class="main">
				<div class="container_12">
					<div class="wrapper">
						<article class="grid_8">
							{% block menu %}{% endblock %}
						</article>
						<article class="grid_4">
							<div class="indent-left2">
								{% block content %}
								
								<p class="prev-indent-bot"><span class="color-2">At vero eos et accusamus et iusto</span> odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque:</p>
								<ul class="list-2 indent-bot">
									<li><a href="#">Corrupti quos dolores et quas</a></li>
									<li><a href="#">Molestias excepturi sint occaecati</a></li>
									<li><a href="#">Cupiditate non provident, similique sunt</a></li>
									<li><a href="#">Dulpa qui officia deserunt mollitia</a></li>
								</ul>
								<p class="prev-indent-bot"><span class="color-2">Animi, id est laborum et dolorum</span> fuga harum dolorem ipsum quia dolor sit amet, consecte tur quidem rerum facilis est et expedita dis tinctio nam libero:</p>
								<ul class="list-2 margin-bot">
									<li><a href="#">Tempore cum soluta nobis est eligendi</a></li>
									<li><a href="#">Optio cumque nihil impedit quo</a></li>
									<li><a href="#">Minus id quod maxime placeat facere</a></li>
									<li><a href="#">Possimus omnis voluptas assumenda</a></li>
								</ul>
								<a class="button" href="#">Read More</a>
								{% endblock %}
							</div>
						</article>
					</div>
				</div>
			</div>
			<div class="block"></div>
		</section>
	</div>

<!--==============================footer=================================-->
{% block footer %}
	<footer>
		<div class="footer-bg">
			<div class="main">
				<div class="container_12">
					<div class="wrapper">
						<div class="grid_12">
							<div class="wrapper">
								<span class="footer-text">DNTN Kiều Anh &copy; July 2013 Website by NGUYỄN ĐÕ ĐĂNG KHOA - Template from <a href="http://www.templatemonster.com/" target="_blank" rel="nofollow">www.templatemonster.com</a></span>
								<ul class="list-services">
									<li>Follow Us:</li>
									<li class="item-1"><a class="tooltips" title="facebook" href="#"></a></li>
									<li class="item-2"><a class="tooltips" title="twitter" href="#"></a></li>
									<li class="item-3"><a class="tooltips" title="picasa" href="#"></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
{% endblock %}
	<!--script type="text/javascript"> Cufon.now(); </script>
	<!--coded by cheh-->
</body>
</html>
